<!doctype html>
<html ng-app="scotch" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>大象与猩猩</title>
<meta name="description" content="大象与猩猩">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="../bootstrap/img/glyphicons-halflings.png">
<link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
<link href="../bootstrap/css/bootstrap.css">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="../assets/css/amazeui.min.css" />
<link rel="stylesheet" href="../assets/css/admin.css">
<link rel="stylesheet" href="../js/sweet-js/sweet-alert.css">
<!-- SPELLS -->

</head>
<body ng-controller="WcPayController">
	<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

	<header data-am-widget="header" class="am-header am-header-default am-no-layout">
		<h1 class="am-header-title">
			<a>产品详情</a>
		</h1>
	</header>
	<!-- 图片轮播  -->
	<div class="am-slider am-slider-b2 am-slider-manual">
		<ul class="am-slides" id="am-slides">
			<li><img id="test" data-ng-src="{{ baseUrl+pictures+formatImage }}"></li>
			<!--   <li>
	      <img src="http://s.cn.bing.net/az/hprichbg/rb/MovingWalkway_ZH-CN9842297711_1920x1080.jpg">
	    </li>
	   <li>
	      <img src="http://global.bing.com/az/hprichbg/rb/UchisarCastle_EN-US10838608428_1920x1080.jpg">
	    </li>
	    <li>
	      <img src="http://global.bing.com/az/hprichbg/rb/DumbartonOaksGardens_EN-US12360736195_1920x1080.jpg">
	    </li> -->
		</ul>
	</div>

	<hr />

	<span>
		<h4>墨西哥牛油果</h4>
		<h5 class="am-list-item-text">
			规格：<span>9个装</span>
		</h5>
		<div class="am-btn-group am-btn-group-xs am-fr">
			<span class="am-btn am-btn-xs am-btn-default am-round" ng-click="minusProduct()"><i class="am-icon-minus"></i></span> <span class="am-btn am-btn-xs am-btn-default" id="buy_num" disabled>{{amount}}</span> <span class="am-btn am-btn-xs am-btn-default am-round" ng-click="addProduct()"><i class="am-icon-plus"></i></span>
		</div> <br /> <span style="color: red;"> ￥<span>69</span>
	</span> <del>
			￥<span class="originalcost">98</span>
		</del>
	</span>


	<!-- tabs -->
	<div data-am-widget="tabs" class="am-tabs am-tabs-d2">
		<ul class="am-tabs-nav am-cf">
			<li class="am-active"><a href="[data-tab-panel-0]">商品详情</a></li>
			<li class=""><a href="[data-tab-panel-1]">用户评价</a></li>
		</ul>

		<div class="am-tabs-bd">
			<div data-tab-panel-0 class="am-tab-panel am-active">【青春】那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，自由地在说笑。燕子忙归巢，风铃在舞蹈。经过青春的草地，彩虹忽然升起。即使视线渐渐模糊，它也在我心里。就像爱过的旋律，没人能抹去。因为生命存在失望，歌唱，所以才要歌唱。</div>

			<div data-tab-panel-1 class="am-tab-panel ">【彩虹】那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，自由地在说笑。燕子忙归巢，风铃在舞蹈。经过青春的草地，彩虹忽然升起。即使视线渐渐模糊，它也在我心里。就像爱过的旋律，没人能抹去。因为生命存在失望，歌唱，所以才要歌唱。</div>
		</div>


		<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default">
			<!-- <ul class="am-navbar-nav am-cf am-avg-sm-4"> -->
			<span class="am-fr am-btn am-btn-sm am-btn-warning" ng-click="pay();"> <i class="am-icon-shopping-cart"></i> 下单
			</span>
		</div>

		<!-- login -->
		<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">请登录</div>
				<div class="am-modal-bd">
					<form name="formName">
						<div class="am-input-group">
							<span class="am-input-group-label"><i class="am-icon-user"></i></span> <input type="tel" required data-ng-model="phone" class="am-form-field" placeholder="Username">
						</div>
						<br>
						<div class="am-input-group">
							<span class="am-input-group-label"><i class="am-icon-lock"></i></span> <input type="password" required data-ng-model="pwd" class="am-form-field" placeholder="Password">
						</div>
					</form>
				</div>
				<div class="am-modal-footer">
					<div class="am-btn-group am-btn-group-justify">
						<button class="am-btn am-btn-success am-radius" role="button" data-ng-click="cancel()">取消</button>
						<button class="am-btn am-btn-primary am-radius" role="button" data-ng-click="login(phone,pwd);" data-ng-disabled="formName.$invalid">确定</button>
					</div>
				</div>
			</div>
		</div>


		<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]-->

		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="../assets/js/jquery.min.js"></script>
		<script src="../assets/js/amazeui.min.js"></script>
		<!--<![endif]-->
		<script src="../assets/js/app.js"></script>

		<!--alert  -->
		<script type="text/javascript" src="../js/sweet-js/sweet-alert.js"></script>

		<!-- angular js -->
		<script src="../js/angular/angular.min.js"></script>
		<script src="../js/angular/angular-route.min.js"></script>

		<script type="text/javascript">
			$(function() {
				$('.am-slider').flexslider();
			});
		</script>

		<script type="text/javascript" src="../controller/WcPayController.js"></script>
		<script type="text/javascript" src="../controller/verifyOrderController.js"></script>
</body>
</html>